/* 登录页思路分析
1.切换登录与注册盒子
2.登录功能
3.注册功能
*/
document.querySelector('.goRegister').addEventListener('click', function () {
  document.querySelector('.login').style.display = 'none'
  document.querySelector('.register').style.display = 'block'
})
document.querySelector('.goLogin').addEventListener('click', function () {
  document.querySelector('.login').style.display = 'block'
  document.querySelector('.register').style.display = 'none'
})

//2.注册功能
//需要找到注册盒子里面的form 标签 注册submit事件
//阻止表单的默认行为
//非空判断
//正则判断
// 注册功能
// 发送ajax
// 注册成功切换登录的盒子 模拟点击a标签即可
document.querySelector('.register form').addEventListener('submit', function (e) {
  e.preventDefault()
  // 非空判断
  const username = this.querySelector('[name=username]').value.trim()
  const password = this.querySelector('[name=password]').value.trim()
  if (username.length === 0 || password.length === 0) return Toast.info('输入框数据不能为空')
  // 正则判断
  const ureg = /^\w{2,15}$/
  const preg = /^\w{6,15}$/
  if (!ureg.test(username)) return Toast.info('用户名不符合规则')
  if (!preg.test(password)) return Toast.info('密码不符合规则')

  axios({
    url:'/api/register',
    method:'post',
    data:{
      username,
      password
    }
    }).then(({data:res})=>{
      if(res.code !== 0)return Toast.fail(res.message)
      Toast.success(res.message)
      this.querySelector('a').click()
    })
})


//3.登录功能
//需要找到注册盒子里面的form 标签 注册submit事件
//阻止表单的默认行为
//非空判断
//正则判断
// 注册功能
// 发送ajax
// 注册成功需要跳转到后台首页
document.querySelector('.login form').addEventListener('submit', function (e) {
  e.preventDefault()
  const username = this.querySelector('[name=username]').value.trim()
  const password = this.querySelector('[name=password]').value.trim()
  if (username.length === 0 || password.length === 0) return Toast.info('输入框数据不能为空')
  // 正则判断
  const ureg = /^\w{2,15}$/
  const preg = /^\w{6,15}$/
  if (!ureg.test(username)) return Toast.info('用户名不符合规则')
  if (!preg.test(password)) return Toast.info('密码不符合规则')

  axios({
    url:'/api/login',
    method:'post',
    data:{
      username,
      password
    }
    }).then(({data:res})=>{
      if(res.code !== 0)return Toast.fail(res.message)
      Toast.success(res.message)
      location.href='./index.html'
      //将服务器响应回来的token字符串保存到本地存储
      localStorage.setItem('CMSTOKEN',res.token)
    })
})